/**
 * 1. Avoid the IE 10-11 `min-height` bug.
 * 2. Set `flex-shrink` to `0` to prevent some browsers from
 *    letting these items shrink to smaller than their content's default
 *    minimum size. See http://bit.ly/1Mn35US for details.
 * 3. Use `%` instead of `vh` since `vh` is buggy in older mobile Safari.
 */

html, body {
    display: flex;
    /*min-height: 100vh;*/
    flex-direction: column;

    width: 100%;
    height: 100%; /* 1, 3 */
    background: rgb(239, 235, 233);
    font-family: 'Questrial', sans-serif;
}

h1 {
    font-family: 'Raleway', sans-serif;
}

h2 {
    font-family: 'Raleway', sans-serif;
    font-weight: 300;
}

p {
    /*font-family: 'Muli', sans-serif;*/
}

/*All pages that include the slideout menu must have their content wrapped with this id*/
#main-wrapper {
    flex: 1 0 auto; /* 2 */
    /*min-height: 100%;*/
    /*position: relative; !*Redundant because of slideout-panel*!*/
    /*z-index: 2; !*Redundant because of slideout-panel*!*/

    /*overflow-y: scroll; !* has to be scroll, not auto *!*/
    /*-webkit-overflow-scrolling: touch;*/

    /*overflow-x: hidden;*/

    /*overflow: auto;*/

    /*!* Make sure the inner div is not larger than the container*/
    /** so that we have room to scroll.*/
    /**!*/
    /*max-height: 100%;*/

    /*!* Pick an arbitrary margin/padding that should be bigger*/
    /** than the max width of all the scroll bars across*/
    /** the devices you are targeting. Hack to definitely hide scrollbar*/
    /** padding = -margin*/
    /**!*/
    /*margin-right: -100px;*/
    /*padding-right: 100px;*/

    /*Pushes the content below the navbar, margin causes the scrollbar to move*/
    padding-top: 6em;
}

.hide-scrollbar {
    overflow-x: hidden;
    height: 100%;
}

.enable-scroll {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.background {
    /*background: rgb(249, 249, 249);*/
    background: rgb(239, 235, 233);
}

.width-container {
    max-width: 1100px;
    padding-top: 0;
    margin: 0 auto;
}

.default-nav-bar-button-size {
    font-size: 1.05em !important;
}

.course-color-1 { /* default, Bjargir */
    background: linear-gradient(to top left,#79c2ba,#7cbbbd) !important;
}
.course-color-2 { /* Menning */
    background: linear-gradient(to top left, #7596dd, #6283c2) !important;
}
.course-color-3 { /* IOL2 */
    background: linear-gradient(to top left, #7bc684, #77bf7f) !important;
}


.course-color-btn-1 { /* default, Bjargir */
    background-color: #79c0ba ;

}
.course-color-btn-2 { /* Menning */
    background-color: #6e8fd4;
}
.course-color-btn-3 { /* IOL2 */
    background-color: #7bc684;
}


#info-bar {
    padding: 0.2em 1em;
    margin-bottom: 1em;

    display: flex;
    justify-content: space-around;
}

.line-separator {
    border-bottom: #b7b7b7 solid 1px;
}

.dotted-separator {
    border-bottom: #b7b7b7 dotted 1px;
}

.respect-new-line {
    white-space: pre-line;
}